<template>
  <div >
    <!-- 基本信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">申请赛道</span>
    </div>
    <van-field readonly required value="人工激励" label="激励类型：" label-width="5em" />
    <van-field readonly required name="incentiveReceivedYear" :value="fromdata.incentiveReceivedYear" label="获得激励年份：" label-width="7em" />
    <van-field readonly required name="autodromeValue" :value="autodromeValue" label="赛道：" label-width="3em" />
    <div v-for="(item,index) in fromdata.approvalInfo.incentiveVerifiedInfo" :key="index">
      <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
        <div class="blue_item" />
        <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">{{item.incentiveName+'--'+item.autodromeName+'赛道'}}</span>
      </div>
      <div v-if="item.autodrome=='201'">
<!--        一档行业大单-->
        <van-field readonly required name="netRresentValueRatio" :value="fromdata.artificialIncentiveInfo.fgIncentiveInfo.netRresentValueRatio" label="毛利率(%)：" label-width="6.25em" />
        <van-field readonly name="ownProductRatio" :value="fromdata.artificialIncentiveInfo.fgIncentiveInfo.ownProductRatio" label="融自有产品占比(旧-二级系统)：" label-width="15em" />
        <van-field readonly name="ownProductRatioNew" :value="fromdata.artificialIncentiveInfo.fgIncentiveInfo.ownProductRatioNew" label="融自有产品占比(新-二级系统)：" label-width="15em" />
        <van-field readonly required label="产品详情：" label-width="5em" />
        <el-table :data="fromdata.artificialIncentiveInfo.fgIncentiveInfo.productList" border style="width: 100%">
          <el-table-column prop="productName" label="产品名称" width="150"/>
          <el-table-column prop="productAmount" label="产品收入金额(含税,元)" width="180"/>
        </el-table>
      </div>
      <div v-if="item.autodrome=='202'">
<!--        二档激励高收益赛道-->
        <van-field readonly required name="netRresentValueRatio" :value="fromdata.artificialIncentiveInfo.highBenefitTrackInfo.netRresentValueRatio" label="毛利率(%)：" label-width="6.25em" />
        <van-field readonly name="ownProductRatio" :value="fromdata.artificialIncentiveInfo.highBenefitTrackInfo.ownProductRatio" label="融自有产品占比(旧-二级系统)：" label-width="15em" />
        <van-field readonly name="ownProductRatioNew" :value="fromdata.artificialIncentiveInfo.highBenefitTrackInfo.ownProductRatioNew" label="融自有产品占比(新-二级系统)：" label-width="15em" />
        <van-field readonly required label="产品详情：" label-width="5em" />
        <el-table :data="fromdata.artificialIncentiveInfo.highBenefitTrackInfo.productList" border style="width: 100%">
          <el-table-column prop="productName" label="产品名称" width="120"/>
          <el-table-column prop="productAmount" label="产品收入金额(含税,元)" width="180"/>
        </el-table>
      </div>
      <div v-if="item.autodrome=='203'">
<!--        二档激励移动云赛道-->
        <van-field readonly required name="isMobileCloud" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.isMobileCloud=='Y'?'是':'否'" label="是否移动云项目：" label-width="8em" />
        <van-field readonly required name="mobileCloudContractAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.mobileCloudContractAmount" label="云合同总金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="publicCloudContractAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.publicCloudContractAmount" label="公有云合同金额(含税,元)：" label-width="12em" />
        <van-field readonly name="privateCloudContractAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.privateCloudContractAmount" label="私有云合同金额(含税,元)：" label-width="12em" />
        <van-field readonly name="privateOwnCloudContractIncome" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.privateOwnCloudContractIncome" label="私有云自有云底座合同收入(含税,元)：" label-width="12em" />
        <van-field readonly required name="ipContractAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.ipContractAmount" label="自有I+P合同金额(含税,元)：" label-width="12em" />
        <van-field readonly name="ownCloudComputerContractAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.ownCloudComputerContractAmount" label="自有云电脑合同金额(含税,元)：" label-width="12em" />
        <van-field readonly name="xcCloudProductContractAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.xcCloudProductContractAmount" label="自有信创云产品合同金额(含税,元)：" label-width="12em" />
        <van-field readonly name="mobileCloudIndustrySolutions" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.mobileCloudIndustrySolutions" label="涉及移动云行业场景解决方案：" label-width="12em" />
        <van-field readonly name="mobileCloudKeyProduct" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.mobileCloudKeyProduct" label="涉及移动云重点产品：" label-width="10em" />
        <van-field readonly name="jointVentureCloudProductFlag" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.jointVentureCloudProductFlag" label="是否合营云项目：" label-width="8em" />
        <van-field readonly name="jointVentureCloudContractAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.jointVentureCloudContractAmount" label="合营云合同金额(含税,元)：" label-width="12em" />
        <van-field readonly name="isUseResourcePool" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.isUseResourcePool=='Y'?'是':'否'" label="是否使用直管资源池：" label-width="10em" />
        <van-field readonly required name="mobileCloudOwnAmount" :value="fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.mobileCloudOwnAmount" label="移动云自有产品合同金额（含税，元）：" label-width="12em" />
        <van-field readonly required label="附件：" label-width="3em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.mobileCloudTrackInfo.mobileCloudTrackInfoFileList" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
      </div>
      <div v-if="item.autodrome=='204'">
<!--        二档激励5G赛道-->
        <van-field readonly required name="g5ProjectFlag" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.g5ProjectFlag=='Y'?'是':'否'" label="是否5G项目：" label-width="6.5em" />
        <van-field readonly required name="g5PrivateNetworkRevenueAmount" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.g5PrivateNetworkRevenueAmount" label="5G专网合同总金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="flowCardOrSceneModel" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.flowCardOrSceneModel" label="流量卡模式/场景专网模式：" label-width="12em" />
        <van-field readonly required name="sixMonthsActiveCardNum" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.sixMonthsActiveCardNum" label="签约后6个自然月内活跃卡数量：" label-width="12em" />
        <van-field readonly required name="sixMonthsOrderUsedCardNum" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.sixMonthsOrderUsedCardNum" label="签约后6个自然月内订购并产生流量的5G快线/5G随心连/5G模组数量：" label-width="12em" />
        <van-field readonly required name="flowNetworkContractAmount" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.flowNetworkContractAmount" label="流量专网合同金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="residentNetworkContractAmount" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.residentNetworkContractAmount" label="入驻专网合同金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="dualDomainNetworkContractAmount" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.dualDomainNetworkContractAmount" label="双域专网合同金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="parkNetworkContractAmount" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.parkNetworkContractAmount" label="园区专网合同金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="onecyberNetworkContractAmount" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.onecyberNetworkContractAmount" label="Onecyber专网合同金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="signAmount" :value="fromdata.artificialIncentiveInfo.g5TrackInfo.signAmount" label="项目签约总金额（含税,元）：" label-width="12em" />
        <van-field readonly required label="附件：" label-width="3em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.g5TrackInfo.g5TrackInfoFileList" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
      </div>
      <div v-if="item.autodrome=='205'">
<!--        二档激励9One赛道-->
        <van-field readonly required name="nineOneFlg" :value="fromdata.artificialIncentiveInfo.nineOneTrackInfo.nineOneFlg=='Y'?'是':'否'" label="是否包含9One产品：" label-width="10em" />
        <van-field readonly required name="nineOneContractAmount" :value="fromdata.artificialIncentiveInfo.nineOneTrackInfo.nineOneContractAmount" label="9One自有平台合同总金额(含税,元)：" label-width="12em" />
        <van-field readonly required :value="nineOneName" label="9One产品名称：" label-width="8em" autosize rows="1" type="textarea"/>
      </div>
      <div v-if="item.autodrome=='206'">
<!--        二档激励IDC赛道-->
        <van-field readonly required name="idcFlag" :value="fromdata.artificialIncentiveInfo.idcTrackInfo.idcFlag=='Y'?'是':'否'" label="是否IDC项目：" label-width="7.25em" />
        <van-field readonly required name="idcContractAmount" :value="fromdata.artificialIncentiveInfo.idcTrackInfo.idcContractAmount" label="IDC项目合同总金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="idcProjectCollaborativeMarketingFlag" :value="fromdata.artificialIncentiveInfo.idcTrackInfo.idcProjectCollaborativeMarketingFlag=='Y'?'是':'否'" label="IDC项目是否协同营销：" label-width="11.25em" />
        <van-field readonly required name="interIndustryFlag" :value="fromdata.artificialIncentiveInfo.idcTrackInfo.interIndustryFlag=='Y'?'是':'否'" label="是否互联网行业：" label-width="8em" />
        <van-field readonly required name="nbandRevenueRatioIdc" :value="fromdata.artificialIncentiveInfo.idcTrackInfo.nbandRevenueRatioIdc" label="非带宽收入之和占比(%)：" label-width="12em" />
      </div>
      <div v-if="item.autodrome=='207'">
<!--        二档激励物联网赛道-->
        <van-field readonly required name="dedicatedLineProjectIncomeAmount" :value="fromdata.artificialIncentiveInfo.basenNetworkTrackInfo.dedicatedLineProjectIncomeAmount" label="项目中物联网业务收入合同金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="directNewVustomerScUnitPriceFlag" :value="fromdata.artificialIncentiveInfo.basenNetworkTrackInfo.directNewVustomerScUnitPriceFlag=='Y'?'是':'否'" label="是否直签新拓客户：" label-width="9em" />
        <van-field readonly required name="iotCardAmount" :value="fromdata.artificialIncentiveInfo.basenNetworkTrackInfo.iotCardAmount" label="项目中物联业务卡+X收入合同金额（含税，元）：" label-width="12em" />
        <van-field readonly required name="containProduct" :value="fromdata.artificialIncentiveInfo.basenNetworkTrackInfo.containProduct" label="合同中包含onenet蜂窝标品、onepark标品的项目：" label-width="12em" />
      </div>
      <div v-if="item.autodrome=='208'">
<!--        二档激励成员通信-->
        <van-field readonly required name="newMobileCardMonthlyContractNum" :value="fromdata.artificialIncentiveInfo.municipalCooperationTrackInfo.newMobileCardMonthlyContractNum" label="带动新入网移动号卡数量(户)：" label-width="12em" />
        <van-field readonly required name="newMobileCardMonthlyContractRevenue" :value="fromdata.artificialIncentiveInfo.municipalCooperationTrackInfo.newMobileCardMonthlyContractRevenue" label="新入网移动号卡月均合同金额收入(含税,元)：" label-width="12em" />
        <van-field readonly required name="existMobileCardNum" :value="fromdata.artificialIncentiveInfo.municipalCooperationTrackInfo.existMobileCardNum" label="带动价值提升的存量移动号卡数量(户)：" label-width="12em" />
        <van-field readonly required name="existMobileCardMonthlyRevenueIncrease" :value="fromdata.artificialIncentiveInfo.municipalCooperationTrackInfo.existMobileCardMonthlyRevenueIncrease" label="存量移动号卡月均合同金额收入增量(含税,元)：" label-width="12em" />
        <van-field readonly required name="bundledExistMobileCardNum" :value="fromdata.artificialIncentiveInfo.municipalCooperationTrackInfo.bundledExistMobileCardNum" label="捆绑存量移动号卡数量(户)：" label-width="12em" />
        <van-field readonly required name="bundledExistMobileCardMonthlyRevenue" :value="fromdata.artificialIncentiveInfo.municipalCooperationTrackInfo.bundledExistMobileCardMonthlyRevenue" label="捆绑存量移动号卡月均收入(含税,元)：" label-width="12em" />
      </div>
      <div v-if="item.autodrome=='209'">
<!--        二档激励安全赛道-->
        <van-field readonly required name="securityProductFlag" :value="fromdata.artificialIncentiveInfo.securityTrackInfo.securityProductFlag=='Y'?'是':'否'" label="是否包含安全赛道产品：" label-width="11em" />
        <van-field readonly required name="securityProductContractAmount" :value="fromdata.artificialIncentiveInfo.securityTrackInfo.securityProductContractAmount" label="安全赛道产品合同总金额(不含税,元)：" label-width="12em" />
        <van-field readonly required name="securityProductContractIncomeShare" :value="fromdata.artificialIncentiveInfo.securityTrackInfo.securityProductContractIncomeShare" label="安全赛道产品收入占比(%)：" label-width="12em" />
        <van-field readonly required name="securityProductCode" :value="fromdata.artificialIncentiveInfo.securityTrackInfo.securityProductCode" label="安全赛道产品名称：" label-width="9em" />
      </div>
      <div v-if="item.autodrome=='210'">
<!--        二档激励视联网赛道-->
        <van-field readonly required name="visualNetworkProductFlag" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.visualNetworkProductFlag=='Y'?'是':'否'" label="是否包含视联网自有产品：" label-width="12em" />
        <van-field readonly required name="visualNetworkProductContractAmount" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.visualNetworkProductContractAmount" label="视联网自有产品合同总金额(不含税,元)：" label-width="12em" />
        <van-field readonly name="visualNetworkPlatformDeviceCount" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.visualNetworkPlatformDeviceCount" label="视联网平台终端接入数：" label-width="11em" />
        <van-field readonly name="hardDevicesCloudVideoConferencAcount" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.hardDevicesCloudVideoConferencAcount" label="签约客户开通云视讯硬终端数(账号数)：" label-width="12em" />
        <van-field readonly name="hardDevicesCloudVideoConferenc" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.hardDevicesCloudVideoConferenc" label="签约客户开通云视讯硬终端数(终端出库数)：" label-width="12em" />
        <van-field readonly name="softDevicesCloudVideoConferenc" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.softDevicesCloudVideoConferenc" label="签约客户开通云视讯软终端数：" label-width="12em" />
        <van-field readonly required name="incentiveProduct" :value="fromdata.incentiveProduct" label="申报激励产品：" label-width="7em" />
        <van-field readonly required name="incentiveProductIncome" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.incentiveProductIncome" label="申报激励产品收入(不含税,元)：" label-width="12em" />
        <van-field readonly required name="customerEc" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.customerEc" label="客户EC：" label-width="4.5em" />
        <van-field readonly required name="orderNumber" :value="fromdata.artificialIncentiveInfo.visualNetworkTrackInfo.orderNumber" label="产品订单编号：" label-width="7em" />
      </div>
      <div v-if="item.autodrome=='211'">
<!--        二档激励国际业务赛道-->
        <van-field readonly required name="interGovProductFlag" :value="fromdata.artificialIncentiveInfo.intlBusinessTrackInfo.interGovProductFlag=='Y'?'是':'否'" label="是否包含国际政企产品：" label-width="11em" />
        <van-field readonly required name="interProductNames" :value="fromdata.artificialIncentiveInfo.intlBusinessTrackInfo.interProductNames" label="国际政企产品：" label-width="7em" />
        <van-field readonly required name="interProductAmounts" :value="fromdata.artificialIncentiveInfo.intlBusinessTrackInfo.interProductAmounts" label="国际政企产品金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="interProductContractAmount" :value="fromdata.artificialIncentiveInfo.intlBusinessTrackInfo.interProductContractAmount" label="国际政企产品合同总金额(含税,元)：" label-width="12em" />
      </div>
      <div v-if="item.autodrome=='212'">
<!--        二档激励AI赛道-->
        <van-field readonly required name="aiFlag" :value="fromdata.artificialIncentiveInfo.aiTrackInfo.aiFlag=='Y'?'是':'否'" label="是否包含AI产品：" label-width="8.5em" />
        <van-field readonly required name="aiBusinessProductContractAmount" :value="fromdata.artificialIncentiveInfo.aiTrackInfo.aiBusinessProductContractAmount" label="AI产品合同总金额(不含税,元)：" label-width="12em" />
        <van-field readonly required name="aiName" :value="fromdata.artificialIncentiveInfo.aiTrackInfo.aiName" label="AI产品名称：" label-width="6.5em" />
        <van-field readonly required label="附件1：" label-width="3.75em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.aiTrackInfo.aiTrackInfoFileList1" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
        <van-field readonly required label="附件2：" label-width="3.75em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.aiTrackInfo.aiTrackInfoFileList2" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
        <van-field readonly required label="附件3：" label-width="3.75em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.aiTrackInfo.aiTrackInfoFileList3" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
        <van-field readonly required label="附件4：" label-width="3.75em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.aiTrackInfo.aiTrackInfoFileList4" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
      </div>
      <div v-if="item.autodrome=='213'">
<!--        二档激励专线赛道-->
        <van-field readonly required name="contractType" :value="fromdata.artificialIncentiveInfo.lineTrackInfo.contractType" label="合同类型：" label-width="5em" />
        <van-field readonly required name="directNewVustomerScUnitPriceFlag" :value="fromdata.artificialIncentiveInfo.lineTrackInfo.directNewVustomerScUnitPriceFlag=='Y'?'是':'否'" label="是否直签新拓客户：" label-width="9em" />
        <van-field readonly required name="contractAmount" :value="fromdata.artificialIncentiveInfo.lineTrackInfo.contractAmount" label="合同总金额(含税,元)：" label-width="11.25em" />
        <van-field readonly required name="linePlanAmount" :value="fromdata.artificialIncentiveInfo.lineTrackInfo.linePlanAmount" label="合同中新增专线金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="orderAmount" :value="fromdata.artificialIncentiveInfo.lineTrackInfo.orderAmount" label="新增订购金额(截止填报之日)：" label-width="12em" />
        <van-field readonly required name="checkAmount" :value="fromdata.artificialIncentiveInfo.lineTrackInfo.checkAmount" label="已出账金额(截止填报之日)：" label-width="12em" />
        <van-field readonly required label="合同附件：" label-width="5em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.lineTrackInfo.lineTrackInfoFileList1" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
        <van-field readonly required label="专线订购订单：" label-width="7em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.lineTrackInfo.lineTrackInfoFileList2" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
        <van-field readonly required label="省专线管理员核验确认单：" label-width="12em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.lineTrackInfo.lineTrackInfoFileList3" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
      </div>
      <div v-if="item.autodrome=='214'">
<!--        二档激励行业短信-->
        <van-field readonly required name="directNewVustomerScUnitPriceFlag" :value="fromdata.artificialIncentiveInfo.smsTrackInfo.directNewVustomerScUnitPriceFlag=='Y'?'是':'否'" label="是否直签新拓客户：" label-width="9em" />
        <van-field readonly required name="directNewVustomerScUnitPrice" :value="fromdata.artificialIncentiveInfo.smsTrackInfo.directNewVustomerScUnitPrice" label="直签新拓客户的短彩单价(分)：" label-width="12em" />
        <van-field readonly required name="directNewCustomerScContractAmount" :value="fromdata.artificialIncentiveInfo.smsTrackInfo.directNewCustomerScContractAmount" label="直签新拓客户的短彩合同金额(含税,元)：" label-width="12em" />
      </div>
      <div v-if="item.autodrome=='215'">
<!--        二档激励低空经济-->
        <van-field readonly required name="lowAltitudeEconomyFlag" :value="fromdata.artificialIncentiveInfo.lowAltitudeEconomyArtificialTrackInfo.lowAltitudeEconomyFlag=='Y'?'是':'否'" label="是否低空经济项目：" label-width="9em" />
        <van-field readonly required name="lowAltitudeEconomyAmount" :value="fromdata.artificialIncentiveInfo.lowAltitudeEconomyArtificialTrackInfo.lowAltitudeEconomyAmount" label="低空经济合同总金额(含税,元)：" label-width="12em" />
        <van-field readonly required name="lowAltitudeEconomyProductAmount" :value="fromdata.artificialIncentiveInfo.lowAltitudeEconomyArtificialTrackInfo.lowAltitudeEconomyProductAmount" label="低空经济产品金额(含税,元)：" label-width="12em" />
        <van-field readonly required label="附件：" label-width="3em" />
        <div v-for="(fileitem) in fromdata.artificialIncentiveInfo.lowAltitudeEconomyArtificialTrackInfo.lowAltitudeEconomyArtificialTrackInfoFileList" :key="fileitem.id" style="margin-left:20px">
          <div readonly class="font14 fileLink" style="color:#0F85CF">
            <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
          </div>
        </div>
      </div>
    </div>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">激励申报附件</span>
    </div>
    <van-field readonly required label-width="12em" label="合同扫描件：" />
    <div v-for="(fileitem) in fromdata.fileListInfo.keyInformationFileList" :key="fileitem.id" style="margin-left:20px">
      <div readonly class="font14 fileLink" style="color:#0F85CF">
        <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
      </div>
    </div>
    <van-field readonly required label-width="12em" label="报送确认函：" />
    <div v-for="(fileitem) in fromdata.fileListInfo.submitConfirmFileList" :key="fileitem.id" style="margin-left:20px">
      <div readonly class="font14 fileLink" style="color:#0F85CF">
        <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
      </div>
    </div>
    <van-field readonly required label-width="12em" label="本次报送项目清单：" />
    <div v-for="(fileitem) in fromdata.fileListInfo.projectFileList" :key="fileitem.id" style="margin-left:20px">
      <div readonly class="font14 fileLink" style="color:#0F85CF">
        <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
      </div>
    </div>
    <van-field readonly required label-width="12em" label="特殊情况核定说明：" />
    <div v-for="(fileitem) in fromdata.fileListInfo.exceptionalCaseFileList" :key="fileitem.id" style="margin-left:20px">
      <div readonly class="font14 fileLink" style="color:#0F85CF">
        <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
      </div>
    </div>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">激励审核
    </span>
    </div>
    <van-field readonly name="isArrears" :value="arrearageManagement.isArrears" label="是否存在欠费：" label-width="7em" />
    <van-field readonly name="arrearsAmount" :value="arrearageManagement.arrearsAmount" label="欠费金额(元)：" label-width="7.5em" />
    <van-field readonly name="isRiskWarn" :value="arrearageManagement.isRiskWarn" label="是否触发风险：" label-width="7em" />
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">赛道核定结果
    </span>
    </div>
    <el-table :data="fromdata.approvalInfo.incentiveVerifiedInfo" border style="width: 100%">
      <el-table-column prop="incentiveName" label="激励类型" width="120"/>
      <el-table-column prop="autodromeName" label="赛道名称" width="120"/>
      <el-table-column label="核定结果" width="120">
        <template slot-scope="scope">
          <div @click="canSelete?showPopupView(scope.$index):null" v-if="scope.row.resultFlag=='Y'">同意</div>
          <div @click="canSelete?showPopupView(scope.$index):null" v-else>不同意</div>
        </template>
      </el-table-column>
    </el-table>
    <van-field :readonly="!canSelete" required autosize type="textarea" rows="1" name="remark" v-model="fromdata.approvalInfo.remark" label="审核工单处理意见：" label-width="9em" />
    <van-field readonly label-width="12em" label="审核附件：">
<!--      <template #button v-if="canSelete">-->
<!--        <van-uploader :after-read="file2server">-->
<!--          <van-button size="small" type="primary" color="#0f85cf">上传附件</van-button>-->
<!--        </van-uploader>-->
<!--      </template>-->
    </van-field>
    <div v-for="(fileitem,index) in fromdata.approvalInfo.opinionFileList" :key="fileitem.id" style="margin-left:20px">
      <div readonly class="font14 fileLink" style="color:#0F85CF">
        <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
      </div>
<!--      <van-icon v-if="canSelete" name="close" color="#ea0023" size="20" @click="deleteFile(index)" />-->
    </div>
    <van-popup v-model="isshowPopupView" position="bottom" get-container="body">
      <van-picker show-toolbar :value-key="'label'" :columns="isPmoPopupColumns" @confirm="isPmoClickConfirm" @cancel="isshowPopupView = false" />
    </van-popup>
    <div style="margin-bottom: 50px"></div>
  </div>
</template>
<script>
import { mapGetters } from "vuex"
import {existArrearsAndRiskWarning, getProductNameAndProductCode, queryTrack, uploadFileCommon} from "@/api/dictapi";
import {Dialog, Notify} from "vant";
import {openFileUrl} from "@/store/openFile";

export default {
  data() {
    return {
      approvalInfo:{},
      arrearageManagement:{},
      autodromeValue:'',
      nineOneName:'',
      canSelete:false,
      isshowPopupView:false,
      isPmoPopupColumns:[{ value: 'Y', label: '同意' }, { value: 'N', label: '不同意' }],
      formIndex:0,
      firstCheck:true
    }
  },
  computed: {
    ...mapGetters(['user']),
  },
  props: ['fromdata','todotype','params'],
  watch: {
    fromdata: {
      handler () { //这是vue的规定写法，当你watch的值发生变化的时候，就会触发这个handler，这是vue内部帮你做的事情
        if (this.firstCheck==true){
          this.approvalInfo=this.fromdata.approvalInfo
          if((this.params.location=='dict.StartToCityAdmin'||this.params.location=='dict.cityJlsqAdminToHq')&&this.todotype==true){
            this.canSelete=true
          }else {
            this.canSelete=false
          }
          this.setdata()
          this.firstCheck=false
        }
        this.$emit('freshData',this.fromdata)
      },
      deep: true,  // 可以深度检测到 obj 对象的属性值的变化
      immediate: true //刷新加载  立马触发一次handler
    }
  },
  methods: {
    showPopupView(index){
      this.isshowPopupView = true;
      this.formIndex = index;
    },
    isPmoClickConfirm(value){
      this.isshowPopupView = false;
      this.fromdata.approvalInfo.incentiveVerifiedInfo[this.formIndex].resultFlag = value.value;
    },
    setdata(){
      queryTrack(Object.assign({ busiOpportunityNumber: this.fromdata.busiOpportunityNumber,
        groupProjectCode: this.fromdata.groupProjectCode,incentiveType: this.fromdata.incentiveType,userName: this.user.userName }))
          .then((result) => {
            if (!result.data) {
              Notify(result.message);
              return;
            }
            for(var i=0;i<result.data.data.length;i++){
              if(this.fromdata.autodrome.includes(result.data.data[i].value)){
                if (this.autodromeValue==''){
                  this.autodromeValue = result.data.data[i].name;
                }else {
                  this.autodromeValue = this.autodromeValue+','+result.data.data[i].name;
                }
              }
            }
          })
      if (this.fromdata?.artificialIncentiveInfo?.nineOneTrackInfo?.nineOneCode){
        getProductNameAndProductCode(Object.assign({ productType: '9One',userName: this.user.userName }))
            .then((result) => {
              if (!result.data) {
                Notify(result.message);
                return;
              }
              for(var i=0;i<result.data.data.length;i++){
                if(this.fromdata.artificialIncentiveInfo.nineOneTrackInfo.nineOneCode.includes(result.data.data[i].VALUE)){
                  if (this.nineOneName==''){
                    this.nineOneName = result.data.data[i].NAME;
                  }else {
                    this.nineOneName = this.nineOneName+','+result.data.data[i].NAME;
                  }
                }
              }
              getProductNameAndProductCode(Object.assign({ productType: '安全',userName: this.user.userName }))
                  .then((result) => {
                    if (!result.data) {
                      Notify(result.message);
                      return;
                    }
                    for(var i=0;i<result.data.data.length;i++){
                      if(this.fromdata.artificialIncentiveInfo.nineOneTrackInfo.nineOneCode.includes(result.data.data[i].VALUE)){
                        if (this.nineOneName==''){
                          this.nineOneName = result.data.data[i].NAME;
                        }else {
                          this.nineOneName = this.nineOneName+','+result.data.data[i].NAME;
                        }
                      }
                    }
                  })
            })
      }
      existArrearsAndRiskWarning(Object.assign({ groupProjectCode: this.fromdata.groupProjectCode,userName: this.user.userName }))
          .then((result) => {
            if (!result.data) {
              Notify(result.message);
              return;
            }
            this.arrearageManagement=result.data.data
          })
    },
    openFileUrlfun(value) {
      this.$router.push(
          {
            name: 'fileview',
            query: {
              openFileUrl: openFileUrl(value)
            }
          }
      );
    },
    file2server(file) {
      let fileData = new FormData();
      fileData.append("pmInsType", this.pmInsType);
      fileData.append("pmInsTypePart", "1");
      fileData.append("files", file.file);

      let params = new Map();
      params.pmInsType = this.pmInsType;
      params.pmInsTypePart = '1';
      params.userName = this.user.userName;
      uploadFileCommon(fileData, params).then((res) => {
        if (!res.data) {
          Notify(res.message);
          return;
        }
        if (res.data.data) {
          if (this.fromdata.makingOpinionsFileList === null) {
            this.fromdata.makingOpinionsFileList = [];
          }
          this.fromdata.makingOpinionsFileList.push(res.data.data.sysFiles[0]);
        }
      });
    },
    deleteFile(index) {
      Dialog.confirm({ title: "提示", message: "是否删除此附件？" })
          .then(() => {
            this.fromdata.opinionFileList.splice(index, 1);
          })
          .catch(() => { });
    },
  },
}
</script>

<style>
.tables.el-table .cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: 15px;
  padding-left: 5px;
  padding-right: 5px;
}
</style>